<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>美容热点产品</title>
        <style type="text/css">
            *{
                margin:0px;
                padding:0px;
            }
            body{
                background:#ccc;
            }
            li{
                list-style: none;
                font-size:12px;
                height:30px;
                line-height: 30px;
                padding-left:5px;
                border-bottom: 1px dashed #999;
            }
            .box{
                width:260px;
                background: white;
            }
            .box h3 {
                height: 36px;
                line-height: 36px;
                font-size: 14px;
                color: white;
                padding-left: 10px;
                background:#e9185a;
            }
            a{
                color:#666;
                text-decoration: none;
            }
            span{
                background:#333;
                color:white;
                padding:3px 8px;
                border-radius:50%;


            }
            a:hover{
                color:#e9185a;
                cursor: pointer;
            }
            li a:hover span {
                background: #e9185a;
            }
            ul li:last-child{
                border-bottom: none;
            }





        </style>

    </head>
    <body>
        <div class="box">
            <h3>大家都喜欢买的美容品</h3>
            <ul>
                <li><a href="#"><span>1</span> 雅诗兰黛即时修护眼部精华霜15ml</a></li>
                <li><a href="#"><span>2</span> 伊丽莎白雅顿显效复合活肤霜 75ml</a></li>
                <li><a href="#"><span>3</span> OLAY玉兰油多效修护霜 50g</a></li>
                <li><a href="#"><span>4</span> 巨型一号丝瓜水320ML</a></li>
                <li><a href="#"><span>5</span> 倩碧保湿洁肤水2号 200ml</a></li>
                <li><a href="#"><span>6</span> 比度克细肤淡印霜 30g</a></li>
                <li><a href="#"><span>7</span> 兰芝 (LANEIGE)夜间修护锁水面膜 80ml</a></li>
                <li><a href="#"><span>8</span>  SK-II护肤精华露 215ml</a></li>
                <li><a href="#"><span>9</span> 欧莱雅青春密码活颜精华肌底液</a></li>
            </ul>

        </div>
    </body>
</html>










